.bg-light {
		    background-color: rgba(248, 249, 250, 0)!important;
		}
		.navbar-light .navbar-nav .nav-link {
		    color: #fff;
		}
		.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
		   color: #fff;
		}
		
		.container, .container-lg, .container-md, .container-sm, .container-xl {
		    max-width: 1600px;
			width: 90%;
		}
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 14px;
}
.navbar-light_navbar-lightw .navbar-nav .nav-link {
    color: #000;
}
.navbar-light_navbar-lightw {
    margin-top: 10px;
}
.navbar_xiao .navbar-light_navbar-lightw{
     margin-top: 0px;
}
.logo-sm-height2{
    display: none;
}
.navbar_xiao .logo-sm-height{
     display: none;
}
.navbar_xiao .logo-sm-height2{
    display:block;
}
.swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}
.swiper-pagination-bullet-active {
	width: 8px;
	height: 8px;
    opacity: 1;
    background: #fff;
}

.swiper-pagination{
	    display: flex;
	    align-items: center;
	    justify-content: center;
}
.position-absolute_banner {
left: 50%;
top: 50%;
transform:translate(-50%,-50%);
text-align: center;
}

.position-absolute_banner div {
background-color: #69a7ee;
padding: 8px 50px;
    font-size: 1.5rem;
	font-weight: 600;
	display: inline-block;
	border-radius: 50px;
}
.position-absolute_banner h1{
	    position: relative;
		font-size: 2.8rem;
		font-weight: 600;
}
.position-absolute_banner h1::before{
	 content:"";border: 4px solid #69a7ee;    width: 20rem; display: inline-block;height: 5rem;
	     position: absolute;
		 transform:translate(-50%,-50%);
		 left: 50%;
		 top: 50%;
}
.position-absolute_banner h4{
	    max-width: 520px;
	font-size: 1.2rem;
	font-weight: 100;
	margin: 0 auto;
		margin-top:1rem;
		margin-bottom:3rem;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	fill:#fff;
	background-image: url(../images/ss.svg);
	right: 10px;
	left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/tt.svg);
    left: 10px;
    right: auto;
}
.navbar_xiao .navbar-nav .nav-link{
	    color: rgba(0,0,0,.7);
}
.navbar_xiao{
background-color: #fff!important;	
}
.navbar_xiao .navbar-nav .active>.nav-link,
.navbar_xiao .navbar-nav .nav-link.active,
.navbar_xiao .navbar-nav .nav-link.show,
.navbar_xiao .navbar-nav .show>.nav-link {
 color: rgba(0,0,0,.7);
}
.navbar_xiao .navbar-brand img{
	height: 45px;
}

.about_us_1{
	float: left;
}
.about_us_rrrr p{
	text-transform:uppercase; 
	font-weight: 600;
	font-size: 1.0rem;
	display: flex;
	    align-items: center;
}
.about_us_rrrr p i{
    display: inline-block;
    width: 62px;
    height: 1px;
    background-color: #000;
	margin-right: 2px;
}
.about_us_rrrr{
	margin-bottom: 2rem;
}
.about_us_1 h3{
	font-size: 1.8rem;
	font-weight: 600;
}
.about_us_1 h4{
        font-size: 14px;
}
.about_us_2{
float: left;
}
.about_us_2 h3{
	font-size: 1.2rem;
	margin-bottom: 2rem;
}
.about_us_3{
	float: left;
}
.about_us_3 img{
width: 100%;
}
.clear{clear:both; }
.about_us{
	padding: 60px 0;
}
.about_us_2 .fadeInDown a{
	    color: #0979e9!important;
	    border: 2px solid #0979e9;
		padding: 6px 20px;
		display:inline-block;
}
.about_us_2 .fadeInDown a:hover{
	    color: #fff!important;
	    border: 2px solid #0979e9;
		background-color:#0979e9 ;
}
.PRODUCTS{
	padding: 60px 0;
	background: url(/static/upload/image/20220731/1659238722776157.png);
	    background-size: 1920px;
	  background-repeat: no-repeat;
	  background-position: center center;
}

.PRODUCTS .about_us_rrrr{
	color: #fff;
}
.PRODUCTS .about_us_rrrr p{
margin-bottom: 2rem;
}
.PRODUCTS  .about_us_1 h4{
	font-size: 14px;
}
.PRODUCTS .about_us_rrrr p i{
	    background-color: #fff;
		    width: 58px;
}

.about_us_2 li{
	    width: 20%;
	    float: left;
}
.about_us_2 li a{
    display: inline-block;
    text-align: center;
}
.about_us_2 li h3{
	font-size: 1.2rem;
	font-weight: 500;
	color: #ffffff;
	margin-top: 1.5rem;
	
}
.about_us_2 li div{
text-align: left;    border-top: 1px dashed #fff;    padding-top: 1rem;
}
.about_us_2 li div a{
	display: block;
	color: #fff;
	line-height: 2;text-align: left; 
	font-size: 12px;
}
.about_us_2 li div a:hover{
	font-weight: 600;
}

.text-success {
    color: #64889e!important;
	font-weight: 600;    text-align: left!important;
}
.fadeInUp{
  text-align: left!important;  
}
.card-img-15011 {
    height: auto;
    overflow: hidden;
    padding: 10px;
	padding-bottom: 0;
}
.News{
	background: url(/static/upload/image/20220731/1659246734189430.png);
}
.News p{
	 -webkit-text-stroke: 1px #666;
	  color: transparent; 
	  font-size: 3rem;
	  font-weight: 900;
}
.News a.qi{
	    font-size: 1.2rem;
	    font-weight: 600;    display: block;
    margin-top: 10px;
}

.News a.ckxq{
	  padding: 6px 20px;
	  display: inline-block;
	  border-radius: 50px;
	  border:1px solid #999;
	  font-size: 12px;
}
.News hr{
	    width: 60px;
	    text-align: left;
	    display: inline-block;
	    height: 3px;
	    background-color: #0979e9;
}
.zoomIn_News{
	    flex: 0 0 20%;
	    max-width: 20%;
}
.zoomIn_News:hover .card{
	    background-color: #69a7ee;
	    border: 1px solid #69a7ee;
}
.zoomIn_News:hover p{
-webkit-text-stroke: 1px #fff;
}
.zoomIn_News:hover hr{
 background-color: #fff;
}

.zoomIn_News:hover a.qi{
 color: #fff;
}

.zoomIn_News:hover a.ckxq{
 color: #0979e9;
 border:1px solid #fff;
  background-color: #fff;
}

.nxv{
	background-color: #f7f7f7;
}
.nxv .fadeInDown_4{
	color: #64889e;
	font-weight: 600;
}
.nxv .row_row{
background-color: #fff;
    padding: 2rem;
	    width: 49%;
	    display: inline-block;
	    margin-right: 2%;
}
.nxv .row_row:nth-child(4){
	margin-right: 0;
}
.nxv .wow_1{
	    display: block;
	    width: 100%;
}
.ico_img{
	    width: 253px; height: 202px;overflow: hidden;padding: 10px;
}
.ico_img img{
	width: 100%;
}
.nxv .media-body{
margin-left: 5%;
}
.nxv .text-title2{
    color: #64889e;
	margin-bottom: 1.5rem;
	font-weight: 600;
	display: inline-block;
}
.nxv .p_hre{
	color: #999;
	margin--top: 0.8rem;display:block;
}
.nxv .p_hrea{
	    color: #64889e;
		font-size: 1.0rem;
		margin-top: 1.5rem;display: inline-block;
		font-weight: 400;
}
.wow_1pqww{
	background: #f3f4f8;
	    height: 80px;
	    width: 80px;
	    text-align: center;    padding: 5px;
}
.wow_1pqww span{
	    display: block;
	    font-size: 1.5rem;
	    font-weight: 600;
}
.wow_1pqww span:nth-child(2){
	font-size: 0.6rem;
	font-weight: 500;
	color: #666;
}
.nxv .wowwowwow_wow .media-body {
    margin-left: 2%;
}
.nxv .wowwowwow_wow .media-body h5 a{
    font-size: 16px;
}
.nxv .wowwowwow_wow .media-body p a{
    font-size: 12px;
}
.wowwowwow_wow{
	border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
}
.ico_img_a{
	    max-height: 190px;
	    overflow: hidden;
	    margin-bottom: 40px;
}
.ico_img_a img{
	width: 100%;
}
.border-top_tr{
	border-top: 4px solid #2b4b62;
	background-color: #64889e;
}
.ul_en ul{
	    display: flex;
	    justify-content: space-between;
		padding: 30px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		margin-bottom: 30px;
}
.ul_en ul li{
	    display: flex;
	    justify-items: center;
	    align-items: center;
}
.ul_en ul li div{
	color: #fff;
	margin-left: 15px;
}
.ul_en ul li div h4{
	color: #FFF;   font-size: 1.2rem;
    margin-bottom: 0.2rem;
}
.border-top_tr .ddd_row h5{
	color: #fff;
	    font-size: 1.1rem;
	    margin-bottom: 1rem;
}
.border-top_tr .ddd_row a{
	color: rgba(255, 255, 255, 0.6);
}
.border-top_tr .ddd_row{
	
}
.col-md-1_ddd_row{
    border-right: 1px solid rgba(255, 255, 255, 0.1);
       padding-right: 4%;
       margin-left: 4%;    width: 10%;
}
.border-top_text-center{
	color: #fff;border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.texocenter_text-centerp {
width: 15%;
}
.texocenter_text-centerp .small{
	margin-top: 10px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #0979e9;
}
.navbar-expand-lg_jkkkt{
	    background-color: rgba(248, 249, 250, 0.5)!important;
		    margin: 4%;
		    margin-top: 2%;
		    margin-bottom: 0;
}
.navbar-expand-lg_jkkkt .navbar-nav .active>.nav-link, 
.navbar-expand-lg_jkkkt .navbar-nav .nav-link.active, 
.navbar-expand-lg_jkkkt .navbar-nav .nav-link.show, 
.navbar-expand-lg_jkkkt .navbar-nav .show>.nav-link {
   color: #0979e9;
}
.navbar-light .navbar-nav .nav-link {
  color: #333;
}
.navbar_xiao{
background-color: #fff!important;	
    margin: 0;
}
.navbar-expand-lg_jkkkt .container_container{
	width: 100%;
}
.position_tion {
    background-color: rgba(0, 0, 0, 0.5);
	    position: absolute;
	    bottom: 0;
	    width: 100%;text-align: left;
		    padding: 10px 0;
		    color: #fff;
}
.position_tion a{
	color: #fff;
}
.position_tion .container{
    display: flex!important;
    align-items: center;
}
.position_tion .container .icon{
margin-right: 5px;
}
.about{
	
}
.about h1{
-webkit-text-stroke: 1px #999;
    color: transparent;
    font-size: 10rem;
    font-weight: 900;	
}
.about h2{
font-size: 3rem;
    font-weight: 600;
    margin-top: -2rem!important;
}
.about .content img {
width: 100%;
}
.about .content {
    display: flex;    margin-bottom: 60px;
}

.xiao_produ{
background-color: #f7f7f7;
    width: 210px;
    border-radius: 120px;
    padding: 100px 0px;
}
.xiao_produ li{
	    list-style: none;
	    margin-left: 0;       padding: 15px;
}
.xiao_produ li i{
	    display: inline-block;
	    width: 8px;
	    height: 8px;
	    background-color: #333;
	    border-radius: 50px;    margin-right: 8px;
}
.xiao_produ li.active{
	background-color: #2294c5;
	    border-radius: 0 50px 50px 0;
	    width: 240px;
}
.xiao_produ li h3{
margin-bottom: 0;font-size: 1.0rem;
}
.xiao_produ li.active h3{
color: #fff;
}
.xiao_produ li.active .xxiow_wee a{
color: #fff;
}
.xiao_produ li.active i{
 background-color: #fff;	
}
.xiao_produ .pr_eaeer{
	    display: flex;
	    align-items: center;
}
.xiao_produ .xxiow_wee {
    margin-top: 10px;
    margin-left: 15px;display: none;
}
.xiao_produ li.active .xxiow_wee{
display:block;
}
.xiao_produ .xxiow_wee a{
    display: block;	
}
.productist .zoomIn{
	float: left;
}
.page-num, .page-link {
    color: #0979e9;
}
.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #0979e9;
    border-color: #0979e9;
}
.pages_pagespages{
	    margin-bottom: 20px;
	    padding: 30px 0;
	    border-bottom: 1px solid #f5f5f5;
	    text-align: center;
	    font-size: 2rem;
}
.pages_pagespag div{
	float: left;
}
.caselist p{
	
}
.caselist .qi{
	   font-size: 1.5rem;
}
.caselist .qi span{
	display: block;
	    font-size: 1.1rem;
	    font-weight: 500;
	    color: #999;
	    margin-top: 10px;

}
.caselist .card-title{
	    display: flex;
		margin-bottom: 0;
}
.caselist p{
    font-size: 1.5rem;
    color: #0979e9;
    font-weight: 900;
    margin-right: 5px;
}
.caselist .card{
	background-color: #f5f7fa;
}
.caselist .zoomIn_News:hover span{
color: #fff;
}
.caselist .zoomIn_News:hover p{
-webkit-text-stroke: 0px #fff;color: #fff;
}

.about_cas .about_caselist:nth-child(2n){
	background-color: #f3f5f8;
}
.about_caselist{
	padding: 40px 0;
}
.about_caselist .container {
   
}
.about_caselist .container img {
   width: 100%;
}
.about_caselist h3{
	    font-weight: 600;
	    margin-bottom: 2rem;    margin-top: 2rem;
}
.about_caselist a{
display: inline-block;
    background-color: #0979e9;
    color: #fff;
    padding: 5px 20px;
    margin-top: 5rem;	
}
.about_caselist a:hover{
    background-color: #0879e9;
}
.about_caselist p{
	line-height: 1.5;
}
.about_cas .about_caselist .container div{
	 float: left;
}
.about_cas .about_caselist:nth-child(2n) .container div:nth-child(1){
	    float: right;
}
.about_cas .about_caselist:nth-child(2n) .container div:nth-child(2){
	    float: left;
}
.newslits .wowwowwow_wow{
	    border: 1px solid #f5f5f5;padding: 20px;
}
.newslits .wow_1pqww {
    background: #fff;
    height: 80px;
    width: 80px;
    text-align: center;
	border-right: 1px solid #f5f5f5;
	    padding-right: 20px;
	    margin-right: 20px;

}
.newslits .wowwowwow_wow:hover{
	border-right: 1px solid #0879e9;
	background-color: #0879e9;
}
.newslits .wowwowwow_wow:hover .wow_1pqww{
	background: #0879e9;
}
.newslits .wowwowwow_wow:hover .wow_1pqww span{
	color: #fff;
}
.newslits_newslits{
	background: #0879e9;
}
.newslits .wowwowwow_wow:hover a {
    color: #fff!important;
}
.newslits_newslits .media{
	display: flex;
	align-items: center;
}
.newslits_newslits .media .media-body{
	display: flex;    padding: 0 60px;align-items: baseline;
}
.newslits_newslits .media-body  .wow_1pqww{
	width: auto;
	    height: auto;
	    background-color: #0879e9;
}
.newslits_newslits h5{
	font-size: 2rem;
	    margin-bottom: 2rem;
}
.newslits_newslits h5 a{
	color: #fff;
}

.newslits_newslits p a{
	color: #fff!important;
}
.newslits_newslits a.p_hrea{
	margin-top: 3rem;
	    display: inline-block;
	    color: #fff;
}
.newslits_newslits .wow_1pqwws span {
color: #fff;
}
.newslits_newslits a.text-secondary:focus, .newslits_newslits a.text-secondary:hover{
	color: #fff;
}
.sidebar-box{position:fixed;right:0;top:40%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:1000}
.sidebar li{width:50px;height:50px;background-color:#EAEAEA;position:relative;text-align:right;border-bottom:1px solid #DBDBDB;transition:all 0.5s ease-in-out}
.sidebar li i{width:50px;height:49px;position:absolute;right:0;top:0;z-index:1100;background-color:#EAEAEA;transition:all 0.5s ease-in-out}
.sidebar li a{display:block;width:100%}
.sidebar li .text{width:220px;font-size:14px;color:#181818;font-weight:600;position:absolute;left:50px;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);text-align:left;z-index:10}
.sidebar li .icon01{background:url('/static/upload/image/20220831/1661875542359381.png') no-repeat center #2b4b62}
.sidebar li .icon04{background:url('/static/upload/image/20220831/1661875466139731.png') no-repeat center #2b4b62}
.sidebar li .icon05{background:url('/static/upload/image/20220831/1661875644790390.png') no-repeat center #2b4b62}
.sidebar li .icon06{background:url('/static/upload/image/20220831/1661875575480386.png') no-repeat center #2b4b62}
.sidebar li .icon07{background:url('/static/upload/image/20220831/1661875608819753.png') no-repeat center #2b4b62}
.sidebar:hover li{width:250px}
.sidebar:hover li .text{left:30px}
.sidebar li:hover{background-color:#2b4b62}
.sidebar li:hover .text{color:#FFFFFF}
.sidebar li:hover .icon01{background:url('/static/upload/image/20220831/1661875542359381.png') no-repeat center #2b4b62}
.sidebar li:hover .icon04{background:url('/static/upload/image/20220831/1661875466139731.png') no-repeat center #2b4b62}
.sidebar li:hover .icon05{background:url('/static/upload/image/20220831/1661875644790390.png') no-repeat center #2b4b62}
.sidebar li:hover .icon06{background:url('/static/upload/image/20220831/1661875575480386.png') no-repeat center #2b4b62}
.sidebar li:hover .icon07{background:url('/static/upload/image/20220831/1661875608819753.png') no-repeat center #2b4b62}
.pop_box {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/static/upload/image/20220831/1661876052414666.png);
}
.pop_box .img {
    width: 800px;
    margin: 0 auto;
    display: block;text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
@media (max-width: 1100px) {
    .sidebar-box{
        display: none;
    }
   .navbar-light_navbar-lightw {
    margin-top: 0;
    background-color: #fff;
    margin: 0;
    padding: 0;
    width: 100%;
}
.navbar-light_navbar-lightw .navbar-light_navbar-lightw{
    padding: 0 5%;
}
.navbar-light_navbar-lightw .navbar-nav .nav-link {
    color: #333;
}
.navbar-nav {
    padding: 20px 0;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
    color: #333;
    background-color: #333;
    height: 2px;    display: block;
    margin: 5px 0;
}
.swiper-container {
    padding-top: 50px;
}
.position-absolute_banner h1 {
    position: relative;
    font-size: 1.2rem;
    font-weight: 600;line-height: 1.5;
}
.position-absolute_banner h4 {
    max-width: 520px;
    font-size: 12px;
    font-weight: 100;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 0; display: none;
    
}
.position-absolute_banner div {
    display: none;
}
.about_us {
    padding: 30px 0;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1600px;
    width: 100%;
}
.about_us_3 img {
    width: 100%;
    margin-top: 2rem;
}
.PRODUCTS {
    padding: 30px 0;
    background: url(/static/upload/image/20220731/1659238722776157.png);
    background-size: 1920px;
    background-repeat: unset;
    background-position: center center;
}
.about_us_2 li {
    width: 14%;
    float: left;
}
.about_us_2{
    overflow: auto;
}
.about_us_2 ul{
   width: 400%;
}
.zoomIn_News {
    flex: 0 0 50%;
    max-width: 50%;
}
.nxv .row_row {
    background-color: #fff;
    padding: 2rem;
    width: 100%;
    display: inline-block;
  margin: 0;
}
.nxv .row_row:nth-child(4) {
    margin-right: 0;
    display: none;
}
.ico_img {
    width: 8rem;
    max-height: 190px;
    overflow: hidden;
    height: auto;
}
.nxv .text-title2 {
    color: #64889e;
    margin-bottom: 1rem;
    font-weight: 600;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.nxv .wowwowwow_wow .media-body h5 a{
     word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.lh-2 {
    line-height: 1.6;
    font-size: 12px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.text-secondary{
     word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.border-top_tr {
    border-top: 4px solid #2b4b62;
    background-color: #64889e;
    display: none;
}
.bg-info {
    background-color: #64889e!important;
}
.about h1 {
    -webkit-text-stroke: 1px #999;
    color: transparent;
    font-size: 3rem;
    font-weight: 900;
}
.about .content {
    display: inline-block;
    margin-bottom: 60px;
}
.about .content img {
    width: 100%;
    margin-bottom: 2rem;
}
.productist .zoomIn {
    float: left;
    margin: 0;
    padding: 0;
}
.xiao_produ {
    background-color: #f7f7f7;
    width: 100%;
    border-radius: 0;
    padding: 10px 0px;
}
.xiaoqi_zoomIn_News{
   
    flex: 0 0 100%;
    max-width: 100%;

}
.xiaoqi_about .content {
    display: inline-block;
    margin-bottom: 0px;    width: 100%;
}
.newslits_newslits .media {
    display: inline-block;
    align-items: center;
}
.ico_img {
    width: 40%;
    max-height: 190px;
    overflow: hidden;
}
.newslits_newslits .media .media-body {
    display: flex;
    padding: 0 5%;
    align-items: baseline;
    margin-top: 20px;
}
.newslits_newslits h5 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.newslits .wow_1pqww {
    display: none;
}
}
